<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>快租365_一站式电脑租赁和IT服务电商</title>
    <link rel="icon" href="./images/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./stylesheets/login.css">
</head>
<body>
    <!--***************top**********************-->
    <div class="top-bar top-bar-color">
        <div class="top-content">
            <div class="top-content-right">
                <ul class="top-title">
                    <li class="my">
                        <a href="#">个人中心</a>
                        <div class="mylist">
                            <div><a href="#">我的订单</a></div>
                            <div><a href="#">在租订单</a></div>
                            <div><a href="./register.html">注册</a></div>
                        </div>
                    </li>
                    <li><a href="#">帮助中心</a></li>
                    <li><a href="#" class="nomargin">客服热线：<span>400-9026-365</span></a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--***************logo**********************-->
    <div class="logo-body">
        <div class="logo-body-con">
            <h2><a href="./index.html"></a><img src="./images/logo.png"/></a></h2>
            <span>欢迎登录</span>
            <p>没有账号？<a href="./register.html">免费注册</a></p>
        </div>
    </div>
    <!--***************login**********************-->
    <div class="login">
        <div class="login-left"></div>
        <div class="login-right">
            <div class="login-title">
                <h1 style="border-bottom:2px solid orange">密码登录</h1>
                <h1>验证码登录</h1>
                <h1>子账号登录</h1>
            </div>
            <div class="login-list">
                <div class="cipher show">
                    <div class="login-Form1">
                        <input type="text" placeholder="请输入手机号"/>
                    </div>
                    <div class="login-Form2">
                        <input type="password" placeholder="请输入密码"/>
                    </div>
                    <p>
                        <input type="checkbox"/>&nbsp;记住密码
                        <a href="#">忘记密码</a>
                    </p>
                    <div class="button1 btn1">登录 </div>
                    <div class="button1 btn2"><a href="./register.html">立即注册</a> </div>
                    <div class="hint hintfix"></div>
                </div>
                <div class="codes show ">
                    <div class="login-Form1">
                        <input type="text" placeholder="请输入手机号"/>
                    </div>
                    <div class="login-Form2">
                        <input type="password" placeholder="验证码"/>
                        <div class="gain">获取验证码</div>
                    </div>
                    <div class="button1 btn1">登录 </div>
                    <div class="button1 btn2">立即注册 </div>
                </div>
                <div class="account show">
                    <div class="login-Form1">
                        <input type="text" placeholder="请输入登录名"/>
                        <span>格式：<登录名>@<企业别名>，例：kuaizu365@12345</span>
                    </div>
                    <div class="login-Form2">
                        <input type="password" placeholder="请输入密码"/>
                        <span>子账号获取：个人中心 - 人员管理</span>
                    </div>
                    <div class="button1 btn1">登录 </div>
                    <div class="button1 btn2">立即注册 </div>
                    <div class="hint hintfix"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="advert">
            <ul>
                <li class="advert-a">
                    <span></span><b>超省心</b>
                    <p>额度一秒审批，物流安心便捷</p>
                </li>
                <li class="advert-b">
                    <span></span><b>超灵活</b>
                    <p>设备以租代购续换买随心选</p>
                </li>
                <li class="advert-c">
                    <span></span><b>超安心</b>
                    <p>售后全国联保最长三年上门</p>
                </li>
            </ul>
        </div>
        <div class="footer-list">
            <div class="footer-list-left">
                <ul>
                    <li class="list-group-item">
                        <h5>关于快租365</h5>
                        <a href="#">关于我们</a>
                        <a href="#">商务合作</a>
                        <a href="#">加入我们</a>
                        <a href="#">联系我们</a>
                        <a href="#">联系我们</a>
                    </li>
                    <li class="list-group-item">
                        <h5>帮助中心</h5>
                        <a href="#">免押租赁</a>
                        <a href="#">租赁流程</a>
                        <a href="#">租赁方式</a>
                        <a href="#">售后服务</a>
                        <a href="#">常见问题</a>
                    </li>
                    <li class="list-group-item">
                        <h5>媒体中心</h5>
                        <a href="#">媒体报道</a>
                        <a href="#">新闻中心</a>
                    </li>
                    <li class="list-group-item">
                        <h5>快捷通道</h5>
                        <a href="#">我要还款</a>
                        <a href="#">申请发票</a>
                    </li>
                </ul>
            </div>
            <div class="footer-list-center">
                <div class="erweima"><a href="#"><img src="./images/webcode.png" alt=""></a></div>
                <p>扫描微信二维码<br>查看手机版网站<br>随时了解更新最新资讯</p>
            </div>
            <div class="footer-list-right">
                <div class="footer-phone">
                    <span></span>
                    <p>400-9026-365</p>
                </div>
                <div class="footer-chat">
                    <span></span>
                    <a href="#">在线客服</a>
                </div>
                <p>*周一至周五 9:30-18:00 (法定节假日除外)</p>
            </div>
        </div>
    </div>
    <div class="friend">
        <div class="friends">
            <p>友情链接</p>
            <div class="copy-right">
                <p>© Copyright Reserved 2015-2019　|　<a href="#">沪ICP备16011127号-1</a></p>
                <div class="brand">
                    <a href="#"><img src="./images/gongshang.png" alt=""></a>
                    <a href="#"><img src="./images/beian.jpg" alt=""></a>
                </div>
            </div>

        </div>
    </div>
</body>
</html>
<script src="./scripts/libs.js"></script>
<script src="./scripts/login.js"></script>
